<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="__ACSS__/style.css" rel="stylesheet" type="text/css" />
    <link href="__ACSS__/select.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="__AJS__/jquery.js"></script>
    <script type="text/javascript" src="__AJS__/jquery.idTabs.min.js"></script>
    <script type="text/javascript" src="__AJS__/select-ui.min.js"></script>
    <script type="text/javascript" src="__editor__/kindeditor.js"></script>
    <link href="__ZTREE__/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="__ZTREE__/js/jquery.ztree.core-3.5.js"></script>
    <script type="text/javascript" src="__LAYER__/layer.js"></script>
    <script type="text/javascript">
        KE.show({
            id : 'content7',
            cssPath : './index.css'
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function(e) {
            $(".select1").uedSelect({
                width : 345
            });
            $(".select2").uedSelect({
                width : 167
            });
            $(".select3").uedSelect({
                width : 100
            });
        });
    </script>
</head>

<body>

<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">首页</a></li>
        <li><a href="#">系统设置</a></li>
    </ul>
</div>

<div class="formbody">


    <div id="usual1" class="usual">
        <form action="{:url()}" method="post">
            <div class="itab">
                <ul>
                    <li><a href="#tab1" class="selected">发布通知</a></li>
                    <li><a href="#tab2">自定义</a></li>
                </ul>
            </div>

            <div id="tab1" class="tabson">

                <div class="formtext">Hi，<b>admin</b>，欢迎您试用信息发布功能！</div>
                <ul class="forminfo">
                    <li><label>商品名称<b>*</b></label><input name="goods_name" type="text" class="dfinput" value="请填写商品名称"  style="width:218px;"/></li>

                    <!--<li><label>职位名称<b>*</b></label>-->

                    <!--<div class="vocation">-->
                    <!--<select class="select1">-->
                    <!--<option>UI设计师</option>-->
                    <!--<option>交互设计师</option>-->
                    <!--<option>前端设计师</option>-->
                    <!--<option>网页设计师</option>-->
                    <!--<option>Flash动画</option>-->
                    <!--<option>视觉设计师</option>-->
                    <!--<option>插画设计师</option>-->
                    <!--<option>美工</option>-->
                    <!--<option>其他</option>-->
                    <!--</select>-->
                    <!--</div>-->

                    <!--</li>-->
                    <li><label>供货商<b>*</b></label>

                        <div class="usercity">

                            <div class="cityleft">
                                <select name='supply_id' class="select2">
                                    <option value="1">江苏</option>
                                    <option value="2">湖南</option>
                                    <option value="3">广东</option>
                                    <option value="4">北京</option>
                                    <option value="5">湖北</option>
                                </select>
                            </div>

                            <!--<div class="cityright">-->
                            <!--<select class="select2">-->
                            <!--<option>南京</option>-->
                            <!--<option>无锡</option>-->
                            <!--<option>盐城</option>-->
                            <!--<option>徐州</option>-->
                            <!--<option>连云港</option>-->
                            <!--</select>-->
                            <!--</div>-->

                        </div>



                    </li>
                    <li><label>商品详情<b>*</b></label>

                        <textarea id="content7" name="contents" style="width:700px;height:250px;visibility:hidden;"></textarea>

                    </li>
                    <li><label>商品状态<b>*</b></label>
                        <input id="content" name="notice.content" type="hidden" value=""/>
                        <input name="status" type="radio"  value="1"  checked/>有效<input name="status" type="radio"  value="0"/>无效

                    </li>

                </ul>

            </div>

            <div id="tab2" class="tabson">
                    <table cellspacing="1" cellpadding="3" width="100%">
                        <tr>
                            <td class="label">父分类</td>
                            <td>
                                <input type="hidden" name="cid" class="parent_id" maxlength="60" {empty name="$one_goods_specification['cid']"} value=""{else}value="{$one_goods_specification['cid']}"{/empty}>
                                <input type="text" name="parent_text" class="parent_text" disabled="disabled" {empty name="category_name"}value="默认为顶级分类"{else} value={$category_name}{/empty} maxlength="60">
                            </td>
                        </tr>
                        <tr>
                            <td class="label"></td>
                            <td>
                                <ul id="treeDemo" class="ztree"></ul>
                            </td>
                        </tr>
                    </table><br>
                    <div id="GoodsSpecification">
                        <volist name="GoodsSpecification" id="vo">
                            {$vo['name']}:
                            <volist name="vo.GoodsSpecificationValue" id="voo">
                                <input type="hidden" name="id" value="{$info.id|default=''}">
                                <span><input type="checkbox" value={$voo['id']} name='GooodsSpecificatonValue[]' <empty name="voo.check"><else/>checked</empty>>{$voo['value']}</span>
                            </volist>
                            <br>
                        </volist>
                        <notempty name="GoodsSpecificationed">
                            <b>单规格商品：</b><br>商品价格：<input type="text" name="price" value="{$GoodsSpecificationed['price']}"> 促销价格：<input type="text" name="sales_price" value="{$GoodsSpecificationed['sales_price']}">
                            商品库存：<input type="text" name="stock" value="{$GoodsSpecificationed['stock']}"> 售卖的数量：<input type="text" name="sold" value="{$GoodsSpecificationed['sold']}">展示售卖数量：<input type="text" name="show_sold" value="{$GoodsSpecificationed['show_sold']}"><input type="hidden" name="GooodsSpecificatonValue" value="-1">

                        </notempty>
                    </div>
            </div>
            <li><label>&nbsp;</label><input name="" type="button" class="btn" value="马上发布"/></li>
        </form>
    </div>

    <script type="text/javascript">
    $("#usual1 ul").idTabs();
    </script>

    <script type="text/javascript">
    $('.tablelist tbody tr:odd').addClass('odd');
    </script>
</div>

</body>
<script language="javascript" type="text/javascript">
    $(document).ready(function(){
        //>>1.树的设置
        var setting = {
            data: {
                simpleData: {
                    enable: true,
                    pIdKey: "parent_id",
                }
            },
            callback: {
                onClick: function(event, treeId, treeNode){
                    //这是添加分类的id，到“input type="hidden" 里面
                    $('.parent_id').val(treeNode.id);
                    //这是添加分类的名称到”input type="text" name="parent_text"里面
                    $('.parent_text').val(treeNode.name);

                    //****这儿可以做ajax联动*******************
                    //获取选择的分类
                    //var id = $(".parent_id").val();
                    //下拉规格名
                    //获取选择的分类
                    var id = $(".parent_id").val();
                    $.post('{:url("getname")}',{id:id},function(data){
                        var dataObj=eval("("+data+")");
                        if(dataObj.error_code==0){
                            alert('选择底级分类！');return;
                        }else if(dataObj.error_code==-1){
                            $("#GoodsSpecification").empty();
                            $("#GoodsSpecification").append("<b>单规格商品：</b><br>商品价格：<input type=text name=price> 促销价格：<input type=text name=sales_price> " +
                                    "商品库存：<input type=text name=stock> 售卖的数量：<input type=text name=sold>展示售卖数量：<input type=text name=show_sold><input type=hidden name=GooodsSpecificatonValue value=-1>");
                        }else {
                            var html='';
                            for (i = 0; i < dataObj.datas.length; i++) {
//                                var name = data[i]['name'];
                                var name = dataObj.datas[i]['name'];
                                var id = dataObj.datas[i]['id'];
                                html +=name;
                                html +=":";
                                for(k = 0;k<dataObj.datas[i]['GoodsSpecificationValue'].length;k++){
                                    var value_name = dataObj.datas[i]['GoodsSpecificationValue'][k]['value'];
                                    var value_id = dataObj.datas[i]['GoodsSpecificationValue'][k]['id'];
                                    html += "<span><input type='checkbox' value="+value_id+" name='GooodsSpecificatonValue["+id+"][]'>"+value_name+"</span>";
                                }
                                html +="<br>";
                            }
                            $("#GoodsSpecification").empty();
                            $("#GoodsSpecification").append(html);
                        }
                    })
                }
            }
        };
        //>>2.准备树中需要的数据
        var zNodes ={$nodes};
        //>>3.将id为treeDemo的ul变为一个树, 返回值就是该树的对象
        var treeObject = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
        //>>4.使用对象中的方法让其展开
        treeObject.expandAll(true);

        //点击提交
        $(".btn").click(function () {
            //先获取富文本的值
            var content7 = document.getElementById("content7").value=KE.util.getData('content7');
            $("#content").val(content7);
            //表单序列号
            var form = $(this).closest('form');//如果找到form,说明提交的是表单(也可以这样；var form=$("form").serializeArray();)
            var url = form.length==0?$(this).attr('url'):form.attr('action');  //找到form上的action属性作为url
            var param = form.length==0?$('.id').serialize():form.serialize();  //获取form上的所有请求参数
            //>>2.1发送post请求
            $.post(url, param, function (data) {
                var dataObj=eval("("+data+")");
                if(dataObj.error_code==1){
                    var goods_id = dataObj.goods;
                    window.location.href="{:url('Goods/block')}?goods_id="+goods_id;
                }else {
                    layer.msg("操作失败");
                }

            });
            return false;//取消默认提交
        })
    });
</script>
</html>
